﻿<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>@ViewBag.Title</title>

        <link href='//fonts.googleapis.com/css?family=Open+Sans:300,400,700|Roboto:400,300' rel='stylesheet' type='text/css'>
        <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
        
        @Styles.Render("~/Content/css")
        @RenderSection("styles", required: false)

        <link rel="shortcut icon" href="/Images/favicon.ico">
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/Images/apple-touch-icon-144-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/Images/apple-touch-icon-114-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/Images/apple-touch-icon-72-precomposed.png">
        <link rel="apple-touch-icon-precomposed" href="/Images/apple-touch-icon-57-precomposed.png">
    </head>
    <body>
        <div class="loader">
            <img src="/Images/loader.GIF" alt="loader">
        </div>
        <div id="container" class="container">
            <div id="output" class="container"></div>
            <div id="vignette" class="overlay vignette"></div>
            <div id="noise" class="overlay noise"></div>
            <div id="ui" class="wrapper">
                <div class="header animated fadeInLeft">
                    <div class="logo">
                        <img class="logo" src="/Images/logo.png" alt="logo" />
                    </div>
                    <div class="desc">
                        <h1>@ViewBag.PageHeading</h1>
                    </div>
                </div><!-- End Header -->
                <div class="clear"></div>
                @RenderBody()
                <div class="clear"></div>
                <div class="sky-tabs sky-tabs-pos-top-left sky-tabs-response-to-icons animated fadeInUp">
                    <input type="radio" name="sky-tabs" checked id="sky-tab1" class="sky-tab-content-1">
                    <label for="sky-tab1" id="Tab1" title="Project Information"><span><span><i class="fa fa-info fa-lg"></i></span></span></label>
                    <input type="radio" name="sky-tabs" id="sky-tab2" class="sky-tab-content-2">
                    <label for="sky-tab2" id="Tab2" title="Share"><span><span><i class="fa fa-share-square-o fa-lg"></i></span></span></label>
                    <div class="clear"></div>
                    <ul>
                        <li class="sky-tab-content-1">
                            <div class="social">
                                <ul>
                                    <li><a href="http://clocknet.codeplex.com/" title="Codeplex Project Portal"><i class="fa fa-eye fa-lg hovicon effect sub-a"></i></a></li>
                                    <li><a href="http://clocknet.codeplex.com/team/view" title="Project Members / Contributors"><i class="fa fa-users fa-lg hovicon effect sub-a"></i></a></li>
                                    <li><a href="https://clocknet.codeplex.com/documentation" title="Documentation"><i class="fa fa-book fa-lg hovicon effect sub-a"></i></a></li>
                                    <li><a href="http://clocknet.codeplex.com/discussions" title="Discussion Board"><i class="fa fa-mail-reply-all fa-lg hovicon effect sub-a"></i></a></li>
                                    <li><a href="http://clocknet.codeplex.com/workitem/list/basic" title="Report Issues"><i class="fa fa-exclamation-triangle fa-lg hovicon effect sub-a"></i></a></li>
                                    <li><a href="http://clocknet.codeplex.com/SourceControl/latest" title="Source Code"><i class="fa fa-code fa-lg hovicon effect sub-a"></i></a></li>
                                    <li><a href="http://clocknet.codeplex.com/license" title="License"><i class="fa fa-legal fa-lg hovicon effect sub-a"></i></a></li>
                                </ul>
                            </div>
                        </li>
                        <li class="sky-tab-content-2">
                            <div class="social">
                                <ul>
                                    <li><a href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fclocknet.org" title="Share on Facebook" target="_blank"><i class="fa fa-facebook fa-lg hovicon effect sub-a"></i></a></li>
                                    <li><a href="https://twitter.com/share?url=http%3A%2F%2Fclocknet.org" title="Share on Twitter" target="_blank"><i class="fa fa-twitter fa-lg hovicon effect sub-a"></i></a></li>
                                    <li><a href="http://www.linkedin.com/shareArticle?mini=true&url=http%3A%2F%2Fclocknet.org" title="Share on LinkedIn" target="_blank"><i class="fa fa-linkedin fa-lg hovicon effect sub-a"></i></a></li>
                                    <li><a href="https://plus.google.com/share?url=http%3A%2F%2Fclocknet.org" title="Share on Google +" target="_blank"><i class="fa fa-google-plus fa-lg hovicon effect sub-a"></i></a></li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </div><!-- End Tabs -->
            </div><!-- End Ui Wrapper -->
        </div><!-- End Container -->
        
        <script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0.min.js"></script>
        <script type="text/javascript">
            //<![CDATA[
            var ambient_value = '#052661'; //ambient color
            var diffuse_value = '#56a074'; //diffuse color
            //]]>
        </script>

        <script type='text/javascript' src="/Scripts/fss.js"></script>
        <script type='text/javascript' src="/Scripts/custom.js"></script>
        @Scripts.Render("~/bundles/site")
        @RenderSection("scripts", required: false)
        
        <script>
            (function (i, s, o, g, r, a, m) {
                i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
                    (i[r].q = i[r].q || []).push(arguments)
                }, i[r].l = 1 * new Date(); a = s.createElement(o),
                m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
            })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');

            ga('create', 'UA-40320204-2', 'clocknet.org');
            ga('send', 'pageview');

        </script>
    </body>
</html>
